<!--
 * @Author: your name
 * @Date: 2020-12-09 09:40:27
 * @LastEditTime: 2020-12-29 19:12:22
 * @LastEditors: Please set LastEditors
 * @Description: 活动列表
 * @FilePath: \h5-zhuhaiyun20201209\pages\activityList\index.html
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <!-- css begin -->
        <link rel="stylesheet" href="../../css/reset.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.10/lib/index.css">
        <link rel="stylesheet" href="../../css/mescroll/mescroll.min.css">
        <link rel="stylesheet" href="../../css/animation/animation.css">
        <link rel="stylesheet" href="../../css/main/main.css">
        <link rel="stylesheet" href="../../css/zz/activityList/activityList.css">
        <!-- css end -->
        <title>首页</title>
    </head>
<body>

<transition name="van-fade">
<div style="display:none;"  class="zz-container mescroll" id="mescroll" v-show="zzShowPage">
    <ul class="list">
        <li 
            v-for="(item,index) in listData"
            class="list-item"
            :class="{'done':item.status=='2'}"
            @click="openActivityDetail(item)">
            <div class="list-item_bg">
                <img class="zz-img-fit" :src="item.titleImage" alt="">
            </div>
            <div class="list-item_info">
                <div class="title zz-clamp">{{item.title}}</div>
                <div class="time">{{item.startTime+' 至 '+item.endTime}}</div>
            </div>
            <span class="icon">
                <img class="zz-img-fit" src="../../images/activityList/icon.png" alt="">
            </span>
            <span 
                v-if="item.status=='2'"
                class="zz-btn zz-btn-disabled">已结束</span>
        </li>

        <!-- <li class="list-item done">
            <div class="list-item_bg">
                <img class="zz-img-fit" src="../../images/activityList/test.jpg" alt="">
            </div>
            <div class="list-item_info">
                <div class="title zz-clamp">2020元旦保险缴费活动促销</div>
                <div class="time">2020/11/20至2020/11/302020</div>
            </div>
            <span class="icon">
                <img class="zz-img-fit" src="../../images/activityList/icon.png" alt="">
            </span>
            <span class="zz-btn zz-btn-disabled">已结束</span>
        </li> -->
    </ul>

</div>
</transition>


<!-- script begin -->
<script src="../../js/jquery/jquery-3.2.1.min.js"></script>
<script src="../../js/jquery/jquery.cookie.js"></script>
<script src="../../js/vue/vue.min.js"></script>
<script src="../../js/vue/mixins/zzSetRem.js"></script>
<script src="../../js/vant/vant.min.js"></script>
<script src="../../js/axios/axios.min.js"></script>
<script src="../../js/mescroll/mescroll.min.js"></script>
<script src="../../js/zz/tool/tool.js"></script>
<script src="../../js/zz/request/index.js"></script>
<script src="../../js/zz/activityList/activityList.js"></script>
<!-- script end -->
</body>
</html>
